<template>
  <section class="com-con">
    <div class="con-top">
      <topSelect cType="township" @getData="getData"></topSelect>
      <el-button type="primary" icon="el-icon-plus" class="f-right">导入</el-button>
    </div>
    <div class="con-bottom">
      <el-table :data="tableData" stripe style="width: 100%">
        <el-table-column prop="date" label="姓名" min-width="50"></el-table-column>
        <el-table-column prop="date" label="性别" min-width="50"></el-table-column>
        <el-table-column prop="date" label="出生年月" min-width="50"></el-table-column>
        <el-table-column prop="date" label="政治面貌" min-width="50"></el-table-column>
        <el-table-column prop="date" label="职务" min-width="50"></el-table-column>
        <el-table-column prop="date" label="联系方式" min-width="50"></el-table-column>
        <el-table-column prop="date" label="照片" min-width="50"></el-table-column>
        <el-table-column prop="address" label="状态" min-width="50"></el-table-column>
        <el-table-column prop="address" label="操作" width="170" fixed="right">
          <template slot-scope="scope">
            <el-button type="success" size="mini">预览</el-button>
            <el-button type="warning" size="mini">编辑</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </section>
</template>

<script>
  import topSelect from "@common/topSelect" //顶部筛选条件
  export default {
    name: "personnelManage",
    msg: "组织管理-机关党建-人员管理",
    data() {
      return {
        formInline: {},
        tableData: [{}, {}, {}]
      }
    },
    methods: {
      getData(params) {

      }
    },
    components: {
      topSelect
    }
  }
</script>

<style lang="less">

</style>
